<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/API-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<div class="head">
				<img src="../images/api-new-logo-white.png" alt="" />
				<div class="navigation">
					<a href="#">首页</a>
					<a href="# " class="active">API</a>
					<a href="#">云服务</a>
					<a href="#">案例</a>
					<a href="#">开发者</a>
				</div>
				<div class="login-gift">
					<a href="#" class="login">登录</a>
					<a href="#" class="gift">注册有礼</a>
				</div>
			</div>
		</header>
		<main class="conntainer">
			<section id="apismall">
				<h1>API分类</h1>
				<ul class="flex-l-wrap apiCateList">
					<!-- <li>全部</li>
					<li>生活服务</li>
					<li>金融科技</li>
					<li>交通地理</li>
					<li>充值缴费</li>
					<li>数据智能</li>
					<li>企业工商</li>
					<li>应用开发</li>
					<li>电子商务</li>
					<li>吃喝玩乐</li>
					<li>文娱视频</li>
					<li class="fontwtb">免费接口大全</li>
					<li>短信</li>
					<li>汽车</li>
					<li>核验</li>
					<li class="fontwtb">最新发布</li>
					<li class="fontwtb">API私有化部署</li> -->
				</ul>
			</section>
			<section id="apiall">
				<p class="po-re">
					<span class="fontwtb">全部</span>
					<i>
						<input type="search" name="" id="" placeholder="身份证实名" />
						<img class="po-ab" src="../images/magnifier.png" alt="" />
					</i>
				</p>
			</section>
			<!-- API内容 -->
			<section id="apicontent">
				<ul class="df-sb flex-wrap">
					<!-- <li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_01.jpg" alt="" />
						<p class="apititle">2021出行防疫政策指南</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_02.jpg" alt="" />
						<p class="apititle">身份证实名认证</p>
						<p class="clor-red">￥0.2000/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_03.jpg" alt="" />
						<p class="apititle">天气预报</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_04.jpg" alt="" />
						<p class="apititle">银行卡四元素校验</p>
						<p class="clor-red">￥0.3360/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_05.jpg" alt="" />
						<p class="apititle">短信API服务</p>
						<p class="clor-red">￥0.0400/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_01.jpg" alt="" />
						<p class="apititle">2021出行防疫政策指南</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_02.jpg" alt="" />
						<p class="apititle">身份证实名认证</p>
						<p class="clor-red">￥0.2000/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_03.jpg" alt="" />
						<p class="apititle">天气预报</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_04.jpg" alt="" />
						<p class="apititle">银行卡四元素校验</p>
						<p class="clor-red">￥0.3360/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_05.jpg" alt="" />
						<p class="apititle">短信API服务</p>
						<p class="clor-red">￥0.0400/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_01.jpg" alt="" />
						<p class="apititle">2021出行防疫政策指南</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_02.jpg" alt="" />
						<p class="apititle">身份证实名认证</p>
						<p class="clor-red">￥0.2000/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_03.jpg" alt="" />
						<p class="apititle">天气预报</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_04.jpg" alt="" />
						<p class="apititle">银行卡四元素校验</p>
						<p class="clor-red">￥0.3360/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_05.jpg" alt="" />
						<p class="apititle">短信API服务</p>
						<p class="clor-red">￥0.0400/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_01.jpg" alt="" />
						<p class="apititle">2021出行防疫政策指南</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_02.jpg" alt="" />
						<p class="apititle">身份证实名认证</p>
						<p class="clor-red">￥0.2000/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap">
						<img src="../images/API_03.jpg" alt="" />
						<p class="apititle">天气预报</p>
						<p class="clor-green">免费</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_04.jpg" alt="" />
						<p class="apititle">银行卡四元素校验</p>
						<p class="clor-red">￥0.3360/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li>
					<li class="flex-cum-c-c flex-wrap po-re">
						<p class="po-ab apiname">企业专用</p>
						<img src="../images/API_05.jpg" alt="" />
						<p class="apititle">短信API服务</p>
						<p class="clor-red">￥0.0400/次</p>
						<button class="clor-white bg-blue bord-blue">申请数据</button>
					</li> -->
				</ul>
			</section>
			<section id="page">
				<ul class="df-sb">
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
					<li>6</li>
					<li>7</li>
					<li>8</li>
					<p>......</p>
					<p class="clor-blue">下一页></p>
				</ul>
			</section>
		</main>
		<!-- 模态框 -->
		<div id="mask">
			<iv class="login-right">
				<!-- 右侧源码login -->

				<img src="../images/loginlogo.png" alt="" />
				<!-- 右侧登录方式 -->
				<p class="log">
					<a class="active" href="#">账号登录</a>
					<a href="#">扫码登录</a>
				</p>
				<div class="logpwd">
					<!-- 右侧账号登录框 -->
					<div class="account">
						<span></span>
						<input type="text" name="" id="" placeholder="用户名/手机号/邮箱" />
					</div>
					<!-- 右侧密码登录框 -->
					<div class="password">
						<span></span>
						<input type="password" name="" id="" placeholder="密码" />
					</div>
					<!-- 忘记密码 -->
					<p><a href="#">忘记密码</a></p>
					<!-- 登录按钮 -->
					<button>登录</button>
				</div>
				<!-- 微信扫码登录 -->
				<div class="qr-code">
					<div class="wechat">
						<img src="../images/wechat-white.png" alt="" />
						<p>微信扫码登录</p>
						<p class="font12">未关注源码科技公众号，请先关注后再登录</p>
					</div>
				</div>
				<!-- 注册链接 -->
				<p>还没有源码账号，<a href="#">立即注册></a></p>
			</div>
		</div>
  
		<!-- 页面尾部 -->

		<footer>
			<section class="about conntainer">
				<!-- 关于源码 -->
				<div class="aboutus">
					<div>
						<ul>
							<li>联系与支持</li>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
						<ul>
							<li>关于源码</li>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
						<ul>
							<li>快速入口</li>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
						<ul>
							<li>产品服务</li>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
						<ul>
							<li>解决方案</li>
							<li>400-882-7715</li>
							<li>售前咨询</li>
							<li>客服&售后</li>
							<li>常见问题</li>
							<li>极速工单</li>
							<li>投诉与建议</li>
						</ul>
					</div>
					<p>
						<img src="../images/bei1.png" alt="" />
						<img src="../images/bei2.png" alt="" />
						增值电信业务经营许可证：蜀B2-20180596 &emsp; 蜀ICP备15006450号-3
						&emsp;营业执照
					</p>
				</div>
				<!-- 微信公众号 -->
				<div class="wechat">
					<div>
						<p>微信公众号</p>
						<p>源码时代</p>
						<img src="../images/wechat-white.png" alt="" />
					</div>
					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</section>
		</footer>
		<script src="../js/util.js"></script>
		<script src="../js/API-index.js"></script>
	</body>
</html>
